Pro HTML5 and CSS3 Design Patterns by Michael Bowers Dionysios Synodinos Victor Sumner

Author:Michael Bowers, Dionysios Synodinos, Victor Sumner [Bowers, Michael, Synodinos, Dionysios & Sumner, Victor]
Language: eng
Format: epub, pdf
Tags: Computers, Web, Site Design
ISBN: 9781430237808
Publisher: Apress
Published: 2011-10-07T04:00:00+00:00

Top Aligned

Top Offset

HTML

<h1>Top Offset</h1>

<div class="gp">Positioned Grandparent

<div class="parent">Non-positioned Parent

<div id="zs" class="ex"><span>Sized Static Block</span></div>

<div id="ws" class="ex"><span>Shrinkwrapped Static Block</span></div>

<span id="za" class="ex"><span>Sized Absolute</span></span>

<div id="wa" class="ex"><span>Shrinkwrapped Absolute</span></div>

<span id="sa" class="ex"><span>Stretched Absolute</span></span></div></div>

CSS

.gp { position:relative; height:300px; width:700px; border:2px solid black; }

.parent { margin:10px; padding:10px; padding-top:0; border:1px solid black; }

.ex { padding:5px; border:5px solid black; background-color:gold;

width:120px; text-align:center; position:relative; }

.ex span { left:0; width:130px; height:auto; }

Download

Copyright Disclaimer:
This site does not store any files on its server. We only index and link to content provided by other sites. Please contact the content providers to delete copyright contents if any and email us, we'll remove relevant links or contents immediately.